html, body, p, h1, h2, h3, h4, h5, h6, form, input, textarea, select, button, fieldset, legend, img, ul, ol, li, dl, dt, dd, th, td, pre, blockquote {
  margin: 0;
  padding: 0
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased
}

del {
  text-decoration: none;
}

body {
  background: #f0f0f0;
  color: #000;
  min-width: 320px;
  height: 100%;
  overflow: hidden;
}

body, button, input, select, textarea, h2, h3, h4, h5, h6 {
  font: 12px 'Hiragino Sans GB', '宋体', \5b8b\4f53, Tahoma, Arial
}

img, fieldset {
  border: 0;
  vertical-align: middle
}

input {
  padding: 0;
  margin: 0;
  outline: none;
  border: 0;
}

input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
  -webkit-appearance: none;
  border: 0;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #4c4c4c;
  border: 0;
}

a:hover {
  text-decoration: none;
  color: #4c4c4c;
}

a:active {
  text-decoration: none;
  color: #4c4c4c;
}

ul, li, ol {
  list-style: none
}

img {
  max-width: 100%;
}

body {
  margin: 0 auto;
  padding-bottom: 2.5rem;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 2rem;
}

/*自定义宽高*/
.h45 {
  height: 45% !important;
}

/*自定义定位*/
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

.bgc {
  background-color: #fff;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.tCenter {
  text-align: center;
}

.mgTp20 {
  margin-top: 1rem;
}

.pd-b5 {
  padding-bottom: 0.25rem;
}

.br-half {
  border-radius: 50%;
}

/*自定义颜色*/
.b-red {
  border: 1px solid #e42630;
}

.bb-red {
  border-bottom: 2px solid #e42630;
  margin-top: -0.1rem;
}

.red {
  color: #e42630;
}

.ddd {
  color: #dddddd;
}

.bbb {
  color: #BBBBBB;
}

.bg-red {
  background-color: #e42630 !important;
}

.bg-green {
  background-color: chartreuse;
}

.bg-gold {
  background-color: gold;
}

.bg-sea {
  background-color: dodgerblue;
}

.bgNone {
  background-color: transparent !important;
}

.checked-border {
  border: 1px solid #e42630;
}

/*自定义字体*/
.font18 {
  font-size: 0.9rem;
}

.font14 {
  font-size: 0.7rem;
}

.font10 {
  font-size: 0.5rem;
}

.fs012 {
  font-size: 0.6rem;
}

.fs015 {
  font-size: 0.75rem;
}

iframe {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/*公用进度条*/
.color-bars {
  height: 0.25rem;
  background-color: #d0d0d0;
  border-radius: 2px;
  position: relative;
  margin-top: 0.2rem;
}

.red-bar {
  background-color: #e42630;
  border-radius: 2px;
  height: 0.25rem;
  float: left;
}

/********************框架--页面公用的类样式************************/
html {
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

/*顶部标题显示+返回退出+帮助工具栏*/
.topfloor {
  width: 100%;
  height: 2rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
}

.topfloor .ico {
  width: 10%;
  float: left;
  text-align: center;
  font-size: 0.7rem;
  height: 2rem;
  line-height: 2rem;
}

.topfloor .ico img {
  width: 0.5rem;
}

.topfloor .title {
  width: 80%;
  height: 2rem;
  line-height: 2rem;
  float: left;
  text-align: center;
  font-size: 0.9rem;
  font-weight: normal;
}

/*个人中心账户信息+朋友圈头像*/
.person-wall {
  width: 100%;
  height: 7.5rem;
  position: relative;
  background: #e42630;
  color: #fff;
  overflow: hidden;
  text-align: center;
}

/*个人中心充值提现快捷按钮+投友圈统计*/
.quick-show2 {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  top: 0;
  background-color: #fff;
  border: solid #e5e5e5 1px;
}

.quick-show2 a {
  display: block;
  float: left;
  width: 49%;
  text-align: center;
  font-size: 0.75rem;
  color: #2b2b2b;
}

/*个人中心操作面板+投友圈好友信息动态*/
.auto-cont {
  width: 100%;
  border-top: 1px solid #e5e5e5;
}

.auto-cont a {
  display: block;
  width: 100%;
  height: 2rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  overflow-y: hidden;
}

.auto-cont a .img1 {
  width: 1rem;
  max-width: 10%;
  height: 1rem;
  margin: 0.5rem 0.65rem;
  float: left;
}

.auto-cont a div {
  width: 5rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.7rem;
  display: block;
  float: left;
  overflow: hidden;
}

.auto-cont a p {
  height: 2rem;
  line-height: 2rem;
  text-align: right;
  padding-right: 0.5rem;
  overflow: hidden;
  font-size: 0.5rem;
}

.auto-cont a .img2 {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.75rem 0.5rem;
  float: right;
}

.auto-cont a .img3 {
  width: 0.5rem;
  height: 0.5rem !important;
  margin: 0.75rem 0 0.75rem 0.5rem;
  float: right;
}

/*组件--底部导航切换css*/
#navbar {
  width: 100%;
  height: 2.5rem;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #d0d0d0;
  z-index: 10;
  background-color: #fff;
  margin: 0 auto;
}

#navbar .navchild {
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  position: relative;
}

#navbar .navchild a {
  width: 100%;
  line-height: 1rem;
  height: 100%;
  display: block;
}

#navbar .navchild a img {
  width: 1.1rem;
  height: 1.1rem;
  text-align: center;
  margin-top: 0.2rem;
}

#navbar .navchild a p {
  font-size: 0.45rem;
  line-height: 1rem;
}

/*首页样式定义*/
.banner-wall {
  width: 100%;
  /* height: 150px; */
  position: relative;
  background: #e42630;
  color: #fff;
  font-size: .6rem;
  overflow: hidden;
}

.slick-slider {
  margin-bottom: auto;
}

.slick-slide img {
  width: 100%;
  display: block;
  /* height: 150px; */
}

.slick-dots {
  bottom: 0.3rem;
}

.slick-dots li {
  display: inline-block;
  height: .125rem;
  width: 1rem;
  border-radius: 0.5rem;
  margin: 0px 0.25rem;
  padding: 0px;
  cursor: pointer;
  background-color: #ffffff;
}

.slick-dots li button {
  display: none;
}

.slick-active {
  background-color: #e42630 !important;
}

.scrollNews {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 .75rem;
  bottom: .5rem;
  left: 0;
}

.inv-new img, .inv-new a {
  display: block;
  margin: 0 auto;
  font-size: .6rem;
  color: #2b2b2b;
}

.inv-new {
  padding: .5rem 0;
}

.inv-new p {
  margin: .5rem 0 0;
}

.inv-new img {
  width: 1.5rem;
}

.inv-new li {
  width: 50%;
}

section {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.list {
  margin-top: .5rem;
}

.list > a {
  display: block;
  padding: .75rem;
  border-bottom: solid #e2e2e2 1px;
}

.list-title {
  font-size: .75rem;
  color: #2b2b2b;
  margin-top: .2rem;
}

.list-left, .list-right {
  font-size: .5rem;
  color: #808080;
  line-height: 1rem;
}

.list-right {
  line-height: .5rem;
  font-size: .6rem;
}

.list-int {
  color: #e8464f;
  font-size: 1.15rem;
}

.list-int span {
  font-size: .55rem;
}

.list a .fcred {
  font-size: .6rem;
  margin-top: .7rem;
}

/*页面--个人中心*/
#con1 {
  position: relative;
  width: 100%;
  background: #e42630;
  overflow: hidden;
}

#con1 ul li {
  width: 33.33%;
  font-size: .9rem;
}

#con1 ul li p:first-child {
  font-size: .6rem;
}

.con11 {
  width: 100%;
  margin-top: 0.5rem;
}

.con11 img {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  left: 0.75rem;
}

.con11 span {
  font-size: 0.65rem;
  line-height: 1.35rem;
  position: relative;
  left: 1.25rem;
  color: #fff;
}

.con12 {
  height: 2rem;
  width: 33%;
  margin: 0 auto;
  /* border: 1px solid #ccc; */
  border-radius: 8px;
  padding: 0.25rem 0;
  /*box-shadow: inset 0 0 10px #ffffff;*/
}

.con12 .p11 {
  color: #fff;
  text-align: center;
  font-size: 0.8rem;
  opacity: 0.6;
}

.con12 .p12 {
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  line-height: 0.9rem;
}

.con13 {
  width: 99%;
  margin: 0.5rem auto 0 auto;
  height: 2rem;
}

.con13 .con130 {
  width: 33%;
  height: 2rem;
  float: left;
  position: relative;
}

.con13 .con130:nth-child(2) {
  border-left: 1px solid #f5bdbf;
  border-right: 1px solid #f5bdbf;
}

.con13 .con130 p {
  color: #fff;
  position: relative;
  text-align: center;
}

.con13 .con130 .p13 {
  font-size: .65rem;
  opacity: 0.6;
  text-align: center;
}

.con13 .con130 .p14 {
  font-size: 0.7rem;
  position: relative;
  top: 0;
  line-height: 1rem;
}

#con1 .con14 {
  height: 1.5rem;
  width: 100%;
  background: rgba(1, 1, 1, .5);
  position: absolute;
  bottom: 0;
}

#con1 .con14 p {
  width: 50%;
  line-height: 1.5rem;
  float: left;
  text-align: center;
  font-size: 0.7rem;
}

/*投友圈的样式*/
#circle-user {
  background: url(../icon/user/user-wall.png);
}

#circle-user img {
  width: 3rem;
  height: 3rem;
  margin: 1rem auto 0 auto;
  border-radius: 50%;
  background-color: #fff;
}

#circle-user h2 {
  width: 40%;
  margin: 0 30%;
  text-align: center;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

#circle-cont img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.65rem 0.4rem;
}

#circle-cont img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.65rem 0.4rem;
}

.circle-cont {
  width: 100%;
  margin: 0.1rem 0;
  background-color: #fff;
  font-size: 0.6rem;
}

.circle-cont h2, .circle-cont h4 {
  font-size: 0.6rem;
}

.circle-cont a {
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-top: 0.5rem;
}

.circle-cont a .img1 {
  width: 2rem;
  max-width: 10%;
  margin: 0.375rem;
  float: left;
}

.circle-cont a div {
  width: 42%;
  margin: 0.425rem 0;
  font-size: 0.7rem;
  overflow: hidden;
}

.circle-cont a p {
  clear: both;
  width: 95%;
  margin-left: 0.4rem;
  overflow: hidden;
}

#friendInviteFlow {
  width: 100%;
}

#friendInviteFlow .th2 {
  width: 33.33%;
  padding: 0.5rem;
  font-size: 0.7rem;
  border-bottom: 1px solid #BBBBBB;
}

#friendInviteFlow .tr td {
  width: 33.33%;
  padding: 0.4rem;
  font-size: 0.6rem;
  border-bottom: 1px solid #BBBBBB;
}

#friendInviteFlow .tr .td3 {

}

#friendName {

}

/*账户信息样式定义*/
#user-cont {
  height: auto;
}

#user-cont a:first-child p {
  margin-left: 1rem;
}

#user-cont a p img {
  width: 0.5rem;
  line-height: 2rem;
  height: 1rem;
}

.loadingMore {
  display: block;
  margin: 0 auto;
  background: #f0f0f0;
  color: #aaaaaa;
  padding: 0.5rem 20%;
  text-align: center;
}

/*分享模块样式*/
.nativeShare {
  width: 100%;
  height: 10rem;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  z-index: 111;
  text-align: center;
  display: none;
}

.nativeShare .close {
  position: fixed;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  border: 1px solid #BBBBBB;
  font-size: 1em;
  bottom: 9rem;
  right: 0px;
  z-index: 112;
}

/*弹窗提示层*/
.popup {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  /*justify-content: center; align-items: center; display: -webkit-flex;*/
  display: none;
}

.popupBg {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, .5);
  z-index: 222;
  position: fixed;
  left: 0;
  top: 0;
}

.popupBox {
  max-width: 90%;
  min-width: 2.5rem;
  max-height: 60%;
  overflow-y: auto;
  background: #ffffff;
  z-index: 223;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  width: 14.5rem;
}

.popupBox h2 {
  text-align: center;
  font-size: .7rem;
  padding: 0.25rem;
}

.popupBox ul {
  width: 100%;
  max-height: 20em;
  overflow: auto;
}

.popup .div {
  text-align: center;
  padding: 0.25rem 0;
  font-size: 0.7rem;
}

.popup input[type='button'] {
  border: 0;
  width: 49.5%;
  height: 2.25rem;
  font-size: 0.7rem;
  font-weight: bold;
}

.popup .sure {
  background: #e8e8e8;
  color: #e42630;
}

.popup .cancel {
  float: right;
  color: #4e4e4e;
  background: #ffffff;
}

.popup input[type='text'] {
  margin: 0 auto;
  width: 80%;
  height: 1.5rem;
  position: relative;
  left: 10%;
  background-color: #eeeeee;
  text-align: center;
}

.popup .popupBox li {
  text-align: center;
  margin-top: 0.25rem;
}

/*reset样式重置*/
.btn3 {
  z-index: 3;
  background: #e6e6e6;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.menu {
  position: relative;
  float: left;
  width: 33.33%;
  height: 2rem;
  line-height: 2rem;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.menu:last-child {
  border-right: none;
}

.new-sub {
  position: absolute;
  /*bottom:60px;*/
  top: 3rem;
  z-index: 10;
  width: 100%;
  padding: 0px 0.5rem;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  display: none;
}

.new-sub li {
  width: 100%;
  background: #fff;
  float: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #f2f2f2;
}

.new-sub li a {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: left;
  background: #fff;
  color: #333;
  border: none;
  text-align: center;
  font-size: 0.8rem;
}

.sanjiao {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 5px solid #000;
  border-bottom: 5px solid #000;
  opacity: .5;
}

.bt-name {
  font-size: 0.8rem;
  color: #000;
}

.bt-name a {
  display: block;
  font-size: 1em;
  color: #000;
}

.new-sub .tiggle {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  margin-left: -0.5rem;
  bottom: -0.45rem;
  border-top: 0.5rem solid #EEEEEE;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  z-index: 10;
}

.new-sub .innertiggle {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  margin-left: -0.45rem;
  bottom: -.4rem;
  border-top: 9px solid white;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 11;
}

/*
 * 固定样式定义-顶部导航栏
 *
 */
#back {
  position: fixed;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #585858;
  z-index: 15;
  overflow: hidden;
  border-bottom: 1px solid #aaaaaa;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f2f2f2;
}

#back .ico {
  position: absolute;
  height: 2rem;
  width: 0.75rem;
  margin: 0 2%;
  top: 0;
  left: 0;
  background: url(../icon/my91/ico-collections.png) no-repeat -0.1rem -3.65rem;
  background-size: 1.15rem auto;
  -webkit-tap-highlight-color: rgba(238, 238, 238, .8);
}

#back .regist-title {
  margin: 0;
  font-weight: normal;
  font-size: 0.9rem;
}

#back .ico2 {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
}

.back {
  position: relative;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #585858;
  z-index: 15;
  overflow: hidden;
  border-bottom: 1px solid #aaaaaa;
}

.back .ico {
  position: absolute;
  height: 2rem;
  width: 0.75rem;
  margin: 0 4%;
  top: 0;
  left: 0;
  background: url(../icon/my91/ico-collections.png) no-repeat -0.1rem -3.65rem;
  background-size: 3.65rem auto;
  -webkit-tap-highlight-color: rgba(238, 238, 238, .8);
}

.back .regist-title {
  margin: 0;
  font-weight: normal;
  font-size: 0.9rem;
}

/*投友圈-好友列表*/
.con-friends {
  overflow-y: auto;
  overflow-x: hidden;
}

.con-friends .con-row {
  display: block;
  clear: both;
  height: 2rem;
  line-height: 2rem;
  padding: 0.5rem;
  border-bottom: 1px solid #bbb;
}

.con-friends .con-row img {
  width: 2rem;
  height: 2rem;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.con-friends .con-row p {
  float: left;
  margin-left: 0.5rem;
  font-size: .6rem;
}

/*投友圈收益列表*/
.con-profit {
  overflow-x: hidden;
  overflow-y: auto;
}

.con-profit .con-row {
  clear: both;
  padding: 0.25rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #bbb;
  background-color: #f8f8f8;
  font-size: .55rem;
}

.con-profit .con-row:first-child {
  font-size: 0.6rem;
}

.con-profit .con-row p {
  width: 25%;
  float: left;
  text-align: center;
}

/*流水自适应滚动显示容器*/
.con2 {
  width: 100%;
  overflow-y: auto;
}

/*加载按钮*/
#loadMore {
  display: block;
  margin: 0 auto;
  position: fixed;
  bottom: 0.5rem;
  left: 36%;
  border: 0;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0.25rem 1rem;
}

#loadingMore {
  display: block;
  margin: 0 auto;
  background: #f0f0f0;
  color: #aaaaaa;
  padding: 0.5rem 20%;
  text-align: center;
  font-size: 0.6rem;
}

.loadingMore {
  display: block;
  margin: 0 auto;
  background: #f0f0f0;
  color: #aaaaaa;
  padding: 0.5rem 20%;
  text-align: center;
  font-size: .6rem;
}

/* dropload */
.inner {
  height: 100%;
  overflow-y: auto;
}

.dropload-up, .dropload-down {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.dropload-refresh, .dropload-update, .dropload-load {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.dropload-load .loading {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 100%;
  margin: .3rem;
  border: 2px solid #666;
  border-bottom-color: transparent;
  vertical-align: middle;
  -webkit-animation: rotate 0.75s 0 linear;
  animation: rotate 0.75s 0 linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*关于91投页面*/
#con91 {
  width: 100%;
  overflow-y: auto;
}

#con91 div {
  padding: 0 .5rem;
  background-color: #fff;
  margin-top: .5rem;
  padding: 1rem;
}

#con91 h2 {
  font-size: .9rem;
  padding: 0.25rem 0;
  text-indent: 1.3rem;
}

#con91 p {
  text-indent: 1.3rem;
  padding: 0.25rem 0;
  line-height: 1.6rem;
  font-size: .8rem;
  color: #4e4e4e;
}

/*产品列表*/
.bidList {
  overflow-y: auto;
}

.bidList .bids {

}

.bidList .bid {
  margin-top: 0.25rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffffff;
}

.bidList .bid > div {
  padding: 0.25rem 0;
  margin: 0 0.75rem;
  font-size: 0.7rem;
  position: relative;
}

.bidList .bid > div:first-child {
  margin: 0 0.75rem;
  padding: 0.25rem 0;
  border-bottom: 1px solid #e5e5e5;
}

.bidList .bid > div:last-child > div {
  display: inline-block;
}

/*列表-单品-左边*/
.bidList .bid > div:last-child > div:first-child {
  width: 70%;
  text-align: center;
}

.bidList .bid > div:last-child > div:first-child > div > div {
  width: 32%;
  display: inline-block;
}

/*列表-单品-右边*/
.bidList .bid > div:last-child > div:last-child {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
}

.bidList .bid > div:last-child > div:last-child > a {
  min-width: 2.5rem;
  display: block;
  border: 0;
  padding: 0.25rem;
  background-color: #dddddd;
  border-radius: .8rem;
  color: #fff;
  text-align: center;
}

/*产品详情页共享样式*/
body.goods {
  padding-bottom: 0;
}

.goods #con1 {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}

#con1 table tr {
  width: 100%
}

.goods #con1 table .td2 {
  width: 50%;
  font-size: 0.75rem;
  color: #2b2b2b;
}

.goods #con1 table .td3 {
  width: 50%;
  font-size: 0.65rem;
  color: #8d8d8d;
}

#prograss {
  margin-top: .5rem;
}

.goods #con1 table .td4 {
  font-size: 0.65rem;
  color: #2b2b2b;
  padding-top: 0.5rem;
}

.goods #con1 table .td4 font {
  color: #e42630;
  font-size: 0.75rem;
}

#con1 table .td5 {
  width: 100%;
  padding-top: .5rem;
}

.jd1 {
  width: 16.7rem;
  height: 0.6rem;
  background-color: #d0d0d0;
  border-radius: .6rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.info-int {
  font-size: 1.5rem;
}

.info-ms {
  margin: 1.3rem 0 1rem;
}

.jd2 {
  background-color: #e42630;
  height: 100%;
}

.jdt {
  font-size: .6rem;
  padding: 0 .75rem;
  color: #5c5c5c;
  margin: .5rem 0;
}

.info-intrest {
  font-size: .6rem;
  color: #8c8c8c;
  margin: .625rem;
}

.goods #con2 {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  overflow-y: auto;
  position: relative;
}

.goods .con2 {
  width: 100%;
  height: 2.25rem;
  border-bottom: 1px solid #e5e5e5;
  line-height: 2.25rem;
  font-size: 0.7rem;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}

.goods .con2 .img1 {
  float: left;
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: relative;
  top: 0.75rem;
  left: 4%;
}

.goods .con2 font {
  isplay: block;
  position: relative;
  float: left;
  top: 0px;
}

.goods .con2 .fon1 {
  left: 6%;
  color: #000000;
}

.goods .con2 .fon2 {
  left: 6%;
}

.goods .con2 .img2 {
  width: 0.4rem;
  height: 0.75rem;
  margin: 0.75rem 0;
  position: absolute;
  right: 1%;
}

.goods .con20 {
  height: 3.1rem;
  line-height: 3.1rem;
}

.goods .con20 .img1 {
  top: 1.1rem;
}

.goods .con20 .fon2 {
  line-height: 1rem;
  margin: .5rem 0;
}

.goods #con3 {
  width: 100%;
  margin: 0 auto;
  height: 7rem;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.goods #con3 h2 {
  font-size: 0.7rem;
  font-weight: 400;
  position: relative;
  top: 0.25rem;
  left: 0.75rem;
}

.goods #con3 #ipt {
  width: 90%;
  height: 2rem;
  left: 5%;
  top: 0.5rem;
  border: 1px solid #e5e5e5;
  position: relative;
}

.goods #con3 #ipt > div {
  float: left;
}

#ipt .ipt1 {
  width: 15%;
  height: 1.75rem;
  border-right: 1px solid #e5e5e5;
  top: 0.1rem;
  position: relative;
}

.goods #con3 a {
  display: block;
  width: 90%;
  margin: 0 5%;
  position: absolute;
  background-color: #e42630;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2.25rem;
  text-decoration: none;
  border-radius: 2px;
  text-align: center;
  top: 3.75rem;
}

.goods #con3 .ipt1 img {
  position: relative;
  left: 0.7rem;
  top: 0.45rem;
  width: 0.75rem;
  height: 0.75rem;
}

.goods #con3 #ipt .ipt2 {
  width: 69%;
  border-right: 1px solid #e5e5e5;
  height: 1.75rem;
  top: 0.1rem;
  position: relative;
  font-size: 0.65rem;
  color: #8d8d8d;
  line-height: 1.75rem;
  text-align: center;
}

.goods #con3 #ipt .ipt2 input {
  border: 0;
  width: 60%;
  height: 1.5rem;
  font-size: 0.7rem;
  position: absolute;
  top: 0.125rem;
  left: 20%;
}

.goods #con4 {
  width: 100%;
  height: 3rem;
  background-color: #fff;
  position: relative;
  top: 2rem;
  border-top: 1px solid #e5e5e5;
  line-height: 2rem;
}

.goods #con4 a {
  display: block;
  height: 2.25rem;
  width: 90%;
  margin: 0 5%;
  background-color: #e42630;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2.25rem;
  text-decoration: none;
  border-radius: 2px;
  text-align: center;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.goods #shadow {
  background-color: #888;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.goods #jisuanqi {
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  display: none;
}

.goods #jisuanqi .js1 {
  width: 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  border-bottom: 1px solid #e5e5e5;
}

.goods #jisuanqi .js1 .img1 {
  position: relative;
  left: 35%;
  float: left;
  width: 0.9rem;
  height: .9rem;
  top: 0.4rem;
}

.goods .js1 font {
  font-size: .7rem;
  position: relative;
  left: 38%;
  float: left;
}

.goods .js1 .img2 {
  position: relative;
  left: 66%;
  float: left;
  width: .75rem;
  height: .75rem;
  top: .5rem
}

.goods #jisuanqi .js2 {
  width: 100%;
  height: 2rem;
}

.goods #jisuanqi input {
  border: 0;
}

.goods .js2 > div {
  float: left;
  overflow: hidden;
  height: 1.75rem;
  line-height: 1.75rem;
  position: relative;
  font-size: 0.65rem;
}

.goods .js2 > div font {
  float: left;
  display: block;
  position: relative;
}

.goods .js2 > div input {
  width: 3.5rem;
  float: left;
  display: block;
  position: relative;
  top: 0.45rem;
}

.goods #jisuanqi .js21 {
  width: 15%;
  left: 2%;
  color: #8d8d8d;
}

.goods .js22 {
  width: 32%;
  border: 1px solid #e5e5e5;
  left: 2%
}

.goods .js23 {
  width: 13%;
  left: 4%;
  color: #8d8d8d
}

.goods .js24 {
  width: 28%;
  border: 1px solid #e5e5e5;
  left: 4%
}

.goods #jisuanqi .js3 {
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
}

.goods #jisuanqi .js3 font {
  position: relative;
  float: left;
  left: 15%
}

.goods .js3 span {
  position: relative;
  float: left;
  left: 20%;
  color: #e42630
}

.goods #shihe {
  width: 10rem;
  height: 100%;
}

.goods .l-h-2 {
  line-height: 1.6;
}

/*产品信息描述*/
.goods .desc {
  position: relative;
  width: 100%;
  height: 4.75rem;
  display: none;
}

.goods .desc img {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  top: 0.75rem;
  left: 4%;
}

.goods .desc .list {
  position: absolute;
  left: 11%;
  top: 0.75rem;
}

.goods .desc .list p {
  font-size: 0.7rem;
}

.goods #profitSum {
  height: 2.25rem;
}

/*登录页面*/
.login1 {
  width: 100%;
  height: 5.5rem;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  position: relative;
}

.login1 .con1 {
  width: 90%;
  height: 2.75rem;
  line-height: 2.75rem;
  position: relative;
  left: 5%;
  border-bottom: 1px solid #e5e5e5;
}

.login1 .con1 img {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -0.125rem;
}

.login1 .con1 font {
  font-size: 0.7rem;
  color: #2b2b2b;
  position: relative;
  left: 0.65rem;
  width: 4rem;
  display: inline-block;
}

.login1 .con1 input {
  width: 88%;
  height: 1.5rem;
  position: relative;
  font-size: 0.7rem;
  left: 0.5rem;
  border: 0;
  background-color: #ffffff !important;
}

.login2 {
  width: 90%;
  margin: 0 auto;
  height: 1.5rem;
  line-height: 2;
}

.log {
  display: block;
  height: 2.25rem;
  width: 90%;
  margin: 0.5rem auto;
  background-color: #e42630;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2.25rem;
  text-decoration: none;
  border-radius: 2px;
}

.reg {

  font-size: 0.7rem;
  color: #e42630;
  margin-left: 5%;
}

.reg2 {
  height: 2.25rem;
  width: 90%;
  background-color: #e42630;
  color: #fff;
  line-height: 2.25rem;
  text-decoration: none;
  border-radius: 2px;
  font-size: 0.7rem;
  margin-left: 5%;
  margin-top: 1rem;
}

.for {
  font-size: 0.7rem;
  color: #e42630;
  float: right;
  margin-right: 5%;
}

/*忘记密码页面*/
.forgot1 {
  position: relative;
  width: 100%;
  height: 7.5rem;
}

.forgot1 img {
  width: 100%;
  height: 7.5rem;
}

.forgot2 {
  width: 100%;
  height: 8.25rem;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  position: relative;
  top: .5rem;
}

.forgot2 .con1 {
  width: 90%;
  height: 2.75rem;
  line-height: 2.75rem;
  position: relative;
  left: 5%;
  border-bottom: 1px solid #e5e5e5
}

.forgot2 .con1 img {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -0.125rem;
}

.forgot2 .con1 font {
  font-size: 0.7rem;
  color: #2b2b2b;
  position: relative;
  left: .65rem;
  width: 4rem;
  display: inline-block;
}

.forgot2 .con1 input[text] {
  position: relative;
  font-size: .7rem;
  left: .5rem;
}

.forgot2 input {
  border: 0;
  height: 2rem;
}

#hq {
  position: relative;
  top: -2.05rem;
  margin-left: 70%;
  display: block;
  width: 3.4rem;
  height: 1.3rem;
  font-size: .6rem;
  background-color: #e42630;
  color: #fff;
  border-radius: 2px;
}

/*注册用户*/
.regist1 {
  position: relative;
  width: 100%;
  height: 7.5rem;
}

.regist1 img {
  width: 100%;
  height: 7.5rem;
}

.regist2 {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  top: 0.5rem;
}

.regist2 .con1 {
  width: 90%;
  height: 2.75rem;
  line-height: 2.75rem;
  position: relative;
  left: 5%;
  border-bottom: 1px solid #e5e5e5;
}

.regist2 .con1 img {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -0.125rem;
  padding: 0 0.25rem;
}

.regist2 .con1 font {
  font-size: 0.7rem;
  color: #2b2b2b;
  position: relative;
  left: 0.65rem;
  width: 4rem;
  display: inline-block;
}

.regist2 .con1 input[text] {
  position: relative;
  font-size: 0.7rem;
  left: .5rem;
}

.regist2 .con1 #hq {
  border-radius: 2px;
  display: block;
  text-align: center;
}

.regist3 {
  width: 90%;
  height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  left: 5%;
  font-size: .5rem;
}

#check0 {
  height: .6rem;
  width: .6rem;
}

.regist3 font {
  font-size: 0.6rem;
  position: relative;
  top: -2px;
}

.regist2 .reg {
  display: block;
  height: 2.25rem;
  width: 90%;
  background-color: #e42630;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2.25rem;
  position: relative;
  text-decoration: none;
  border-radius: 2px;
}

.regist2 #hq {
  position: relative;
  top: -2.05rem;
  margin-left: 75%;
  display: block;
  width: 3.4rem;
  height: 1.3rem;
  font-size: .6rem;
  background-color: #e42630;
  color: #fff;
}

.regist3 a {
  color: #2b2b2b;
  text-decoration: none;
}

#con2 a font {
  position: relative;
  top: 0px;
}

.regist2 .con1 input {
  border: 0;
  height: 1.5rem;
  width: 50%;
  font-size: .6rem;
}

.doc {
  width: 90%;
  height: 33.35rem;
  margin: 0 auto;
  font-size: .8rem;
  font-family: Helvetica, arial, sans-serif;
  line-height: 1.6;
  position: relative;
  overflow: auto;
}

.log2 {
  display: block;
  position: absolute;
  left: 40%;
  margin-top: .5rem;
  font-size: .6rem;
}

.doc h2 {
  font-size: 1.5em;
  text-align: center;
  padding-top: .5rem;
}

.doc h4 {
  font-size: 1em;
  padding-top: .5rem;
}

.doc p {
  font-size: .8em;
  padding-top: 0.25rem;
}

.bottom {
  width: 100%;
  height: 4rem;
}

/*消息列表*/
.con-msg {
  width: auto !important;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0.5rem;
}

.con-msg .con-row {
  padding: 0.25rem 0;
  border-bottom: 1px solid #aaa;
}

.con-msg .con-row p:first-child {
  font-size: 0.7rem;
}

.con-msg .con-row span {
  float: right;
  font-size: 0.5rem;
}

.con-msg .con-row p:last-child {
  font-size: 0.6rem;
  line-height: 1.5rem;
}

/*投标记录*/
.touzijilu .bor-rg {
  border-right: 1px solid #8d8d8d
}

.touzijilu #con1 {
  width: 99%;
  margin: 0 auto;
  height: 2rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  position: relative;
}

.touzijilu .con1 {
  width: 49%;
  font-size: 1.35em;
  float: left;
  text-align: center;
  line-height: 2rem;
  font-size: .6rem;
  color: #4c4c4c;
}

.touzijilu .red {
  color: #e42630
}

.touzijilu .con2 table {
  width: 100%;
  text-align: center;
  font-size: .75rem;
}

.touzijilu table th {
  background-color: #f8f8f8;
}

.touzijilu .th {
  width: 25%
}

.touzijilu .tr {
  font-size: .6rem;
}

.touzijilu .tr .td3 {
  font-size: .5rem;
}

.touzijilu td {
  border-bottom: 1px solid #e5e5e5
}

.touzijilu #con3 {
  width: 100%;
  display: none;
}

.touzijilu #con3 table {
  width: 100%;
  text-align: center;
  font-size: .75rem;
}

.touzijilu .con2 table th {
  background-color: #f8f8f8;
  font-size: 1em;
}

.touzijilu table tr {
  height: 2.5em;
  font-size: .7rem;
}

.touzijilu .th2 {
  width: 33%
}

.touzijilu .con2 table a {
  text-decoration: none;
}

.touzijilu #con4 {
  width: 100%;
  display: none;
}

.redA {
  padding: 0.1rem 0.25rem;
  background: #e42630;
  color: #ffffff;
}

.grayA {
  padding: 0.1rem 0.25rem;
  background: #aaaaaa;
}

/*赎回金额输入弹出框*/
#showRedeem {
  width: 60%;
  margin: 0 auto;
  height: 5rem;
  position: fixed;
  top: 40%;
  left: 20%;
  padding: .5rem;
  background: #ffffff;
  display: none;
  z-index: 23;
}

#showRedeem p {
  text-align: center;
  padding: 0.25rem 0;
  font-size: .7rem;
}

#showRedeem input[type='text'] {
  margin: 0 auto;
  width: 80%;
  height: 1.5rem;
  position: relative;
  left: 10%;
  background-color: #eeeeee;
  text-align: center;
  font-size: .6rem;
}

#showRedeem input:first-child {
  width: 80%;
  margin: 1rem .65rem;
}

#showRedeem .sure {
  border: 0;
  width: 35%;
  height: 1.2rem;
  margin: .5rem 0 0 10%;
  font-size: .6rem;
}

#showRedeem input:last-child {
  border: 0;
  width: 35%;
  height: 1.2rem;
  float: right;
  margin: .5rem 10% 0 0;
  color: #e42630;
  font-size: .6rem;
}

.showRedeemBg {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, .5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 22;
  display: none;
}

/*资金明细*/
.zijinmingxi #con1 > div {
  width: 16.33%;
  height: 100%;
  float: left;
  padding-left: 5%;
  margin-left: 8%;
  font-size: .75rem;
}

.zijinmingxi #con1 .red {
  border-bottom: 1px solid #e42630;
  color: #e42630;
  font-size: .9rem;
}

.zijinmingxi table {
  width: 100%;
  color: #2b2b2b
}

.zijinmingxi table .td1 {
  width: 65%;
  padding-left: 5%
}

.zijinmingxi .td2 {
  width: 30%
}

.zijinmingxi table td {
  height: 2rem;
  border-bottom: 1px solid #e5e5e5;
  font-size: .7rem;
}

.blue0 {
  color: #3d9fe1;
}

.zijinmingxi #con3, .zijinmingxi #con2, #con4 {
  display: none
}

.zijinmingxi .con table {
  width: 100%;
  color: #2b2b2b;
  border-spacing: 0;
}

.zijinmingxi .con table .td1 {
  width: 66.66%;
}

.zijinmingxi .td2 {
  width: 33.33%;
}

.zijinmingxi .con table td {
  height: 2rem;
  font-size: .7rem;
}

.zijinmingxi .p2 {
  font-size: .65rem;
  color: #8d8d8d;
}

.zijinmingxi .red0 {
  color: #e42630;
  font-size: .75rem;
}

/*充值页面*/
.charge #con1 {
  width: 100%;
  height: 2.75rem;
  position: relative;
  background-color: #fff;
}

.charge .con1 {
  height: 2.7rem;
  border-bottom: 1px solid #e5e5e5;
  font-size: .7rem;
  color: #2b2b2b;
  line-height: 2.7rem;
  padding-left: 1rem;
  overflow: hidden;
  position: relative;
}

.charge .con1 font {
  display: block;
  position: absolute;
  top: 0;
  right: 1rem;
}

.charge .con1 font span {
  color: #e42630;
  margin: 0 .5rem;
}

.charge .con1 img {
  width: 0.35rem;
  height: .65rem;
}

.charge #con2 {
  display: block;
  height: 2.7rem;
  background-color: #fff;
  position: relative;
  top: .5rem;
  border-top: 1px solid #e5e5e5;
  line-height: 2.7rem;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 1rem;
  font-size: .7rem;
}

.charge #con2 input {
  font-size: .7rem;
  right: 2rem;
  float: right;
  margin-right: 2rem;
  height: 1.75rem;
  margin-top: 0.35rem;
}

.charge #con2 font:last-child {
  position: absolute;
  right: 1rem;
}

.charge .con3 a, .cash .con3 a {
  display: block;
  height: 2.25rem;
  width: 55%;
  background-color: #e42630;
  color: #fff;
  font-size: .75rem;
  line-height: 2.25rem;
  padding-left: 35%;
  left: 5%;
  position: relative;
  text-decoration: none;
  top: 1.5rem;
  border-radius: 2px;
}

.charge .con4 {
  margin-top: 2.5rem;
  padding: 0 .5rem;
  font-size: .6rem;
  line-height: 1.5rem;
}

/*提现页面*/
.cash .con4 {
  margin-top: 2.5rem;
  padding: 0 .5rem;
  font-size: .6rem;
  line-height: 1.5rem;
}

.cash .con4 h3 {
  font-size: .6rem;
}

.cash .con4 p {
  padding-left: .5rem;
  color: #888888;
}

.cash .con4 p:first-child {
  margin-top: .5rem;
}

/*注册成功页面*/
#regSuccess {

}

.layermbox1 .layermchild {
  height: 100% !important;
}

.borrowContent {
  margin: 0 auto;
  font-size: .8rem;
  font-family: "微软雅黑";
  line-height: 1.6;
  position: relative;
  overflow: auto;
  padding: 0 1rem;
}

.codeImg {
  width: 5rem !important;
  height: 1.5rem !important;
  position: absolute !important;
  right: 0;
  top: 0.5rem !important;
}

/*ajax请求加载样式*/
.ui-ajaxing {
  color: #666;
  border: 1px solid #ccc;
  cursor: default;
}

.ui-ajax-loading {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
}

/*继承弹窗comm，添加弹窗背景--红包*/
#js-redpack li {
  margin: 0 auto .5rem;
  height: 3.2rem;
  background: url(../icon/user/redpack-li-2x.png) no-repeat center;
  background-size: cover;
}

#js-redpack .ppp-lf {
  padding: .25rem 0 0 .5rem;
  text-align: left;
  font-size: .5rem;
  color: #4e4e4e;
}

#js-redpack .ppp-lf p:first-child {
  font-size: .75rem;
  font-weight: 500;
}

#js-redpack .ppp-rg {
  text-align: left;
  padding: .5rem .5rem 0 0;
  color: #ffffff;
  font-size: .6rem;
}

#js-redpack .ppp-rg p:last-child {
  font-size: 1.5rem;
  line-height: 1;
}

/*面板切换样式适配器*/
.panel-switch .nav {
  border-bottom: 1px solid #cccccc;
}

.panel-switch .nav li {
  float: left;
  text-align: center;
  font-size: .8rem;
}

/*个人中心，红包列表，控制器*/
.redp-panel {
  height: 2rem;
}

.redp-panel li {
  width: 33%;
  margin: .5rem 0;
}

.redp-panel li:nth-of-type(even) {
  border-left: 1px solid #4e4e4e;
  border-right: 1px solid #4e4e4e;
}

/*红包样式内容*/
.panel-switch .content {
  width: 100%;
  position: absolute;
  /*max-height: 82%;*/
  overflow: auto;
}

.panel-switch .content .panel {
  display: none;
}

.panel-switch .content .panel .li {
  width: 18rem;
  height: 4.35rem;
  margin: 0 auto;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.panel-switch .content .panel > div div:nth-child(1) {
  padding: 1% 0 0 8%;
  float: left;
  width: 61%;
}

.panel-switch .content .panel > div div:nth-child(2) {
  float: right;
  width: 30%;
  color: #fff;
}

.panel-switch .content .panel > div div:nth-child(1) p:nth-child(1) {
  font-size: 0.85rem;
  color: #313233;
  line-height: 1.6rem;
}

.panel-switch .content .panel > div div:nth-child(1) p:nth-child(2),
.panel-switch .content .panel > div div:nth-child(1) p:nth-child(3) {
  font-size: 0.6rem;
  color: #878787;
}

.panel-switch .content .panel > div div:nth-child(2) p:nth-child(1) {
  font-size: 1.2rem;
  padding-left: 6%;
  line-height: 2.5rem;
}

.panel-switch .content .panel > div div:nth-child(2) p:nth-child(2) {
  font-size: 0.6rem;
  text-align: center;
}

.fcred {
  color: #e8464f;
}

.bgred {
  background-color: #e42630;
  color: #fff;
  border-radius: 5px;
}

.mask {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}

.active-hb, .active-ychb {
  width: 12.9rem;
  height: 17.05rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: url(../icon/my91/active-hb2.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.active-chb {
  width: 4.2rem;
  height: 4.25rem;
  background: url(../icon/my91/active-hb3.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  margin-left: -2.1rem;
}

.active-chbRotate {
  animation: mymove 3s forwards;
  -moz-animation: mymove 3s forwards; /* Firefox */
  -webkit-animation: mymove 3s forwards; /* Safari and Chrome */
  -o-animation: mymove 3s forwards; /* Opera */
  background: url(../icon/my91/active-hb4.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

@keyframes mymove {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

@-moz-keyframes mymove /* Firefox */
{
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

@-o-keyframes mymove /* Opera */
{
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

.active-ychb {
  background: url(../icon/my91/active-hb5.png) 0 0 no-repeat;
  color: #666;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: .6rem;
}

.active-ychb div {
  font-size: .6rem;
}

.close {
  background: url(../icon/my91/active-hb1.png) 0 0 no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 1rem;
  height: 1rem;
}

.active-ychb h3 {
  margin: 1.5rem 0 1rem;
  font-size: 1.1rem;
}

.active-hbje {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.active-hbje span {
  font-size: 2.5rem;
}

.active-ychb a {
  display: block;
  margin: 0 auto;
  width: 8.5rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.9rem;
  margin: 1rem auto 0.5rem;
}

/*定制*/

.panel-switch .content .panel-1 .li {
  background: url(../icon/user/bg-redp-use.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .panel-1 .li-open1 {
  background: url(../icon/my91/unopen.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .panel-2 .li {
  background: url(../icon/user/bg-redp-used.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .panel-2 .li-open1 {
  background: url(../icon/my91/opened.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .panel-3 .li {
  background: url(../icon/user/bg-redp-expr.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .interest-panel .li {
  height: 5.5rem;
  margin: .5rem auto;
  position: relative;
}

.panel-switch .content .interest-panel .li .interest-LiTop {
  height: 1.85rem;
  padding: 0 0.5rem;
  font-size: .8rem;
  line-height: 1.85rem;
  border-bottom: dashed #e8e8e8 1px;
}

.panel-switch .content .interest-panel .li .interest-LiBot {
  padding: 0 0.5rem;
}

.panel-switch .content #ratePlus-panel-1 .li {
  background: url(../icon/active/beijing@2x.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content #ratePlus-panel-2 .li, .panel-switch .content #ratePlus-panel-3 .li {
  background: url(../icon/active/beijing-gray@2x.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.panel-switch .content .interest-panel .li .interest-LiTop del {
  font-size: .4rem;
}

.panel-switch .content .interest-panel .li .interest-LiBot {
  font-size: .675rem;
  color: #808080;
  line-height: 1.2rem;
}

.panel-switch .content #ratePlus-panel-3 .li, .panel-switch .content #ratePlus-panel-3 .li .interest-LiBot, .panel-switch .content #ratePlus-panel-2 .li, .panel-switch .content #ratePlus-panel-2 .li .interest-LiBot {
  color: #b3b3b3;
}

.interest-panel .stamp {
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  background: url(../icon/active/beijingsy.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  right: 1rem;
  bottom: .5rem;
}

#ratePlus-panel-3 .stamp {
  background: url(../icon/active/beijinggq@2x.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/*个人中心--资产详情页面*/
.actAmt {
  text-align: center;
  margin: 0 auto;
  height: 7.4rem;
  padding: 1rem;
  color: #ffffff;
}

.touzijilu .actAmt img {
  width: 7.45rem;
  height: 7.4rem;
}

.actAmt .fs012 {
  margin-top: -4.2rem;
}

.actAmtList {
  padding: .5rem 1rem;
  text-align: center;
}

.actAmtList li {
  padding-top: .5rem;
  text-align: left;
  padding-left: 18%;
}

.actAmtList li i {
  width: .5rem;
  height: .5rem;
  margin: 0px .5rem;
  display: inline-block;
}

.actAmtList li span {
  margin-left: 1rem;
}

.about-page {
  width: 96%;
  margin: 0 2%;
  height: 5rem;
  position: relative;
  top: 5rem;
}

.loan_list {
  margin: .75rem 0;
  overflow: hidden;
}

.loan_list > div {
  padding: .5rem;
}

.bdra {
  border-radius: .25rem;
}

.repayment .f40 {
  margin-top: .5rem;
}

.repayment .bgb {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  line-height: 4.5rem;
  margin: 1rem auto;
}

.nextrepay {
  line-height: 1rem;
}

.loan_ino {
  line-height: 1rem;
}

.loan_ino img {
  width: 1rem;
  height: 1rem;
}

.loan_ino > div {
  padding: .75rem;
  margin: .5rem 0;
}

.loan_ino .cb, .repaied {
  border: 1px solid #4587e7;
  line-height: .75rem;
  font-size: .6rem;
  border-radius: 2px;
  padding: 0 .2rem;
  margin-top: .2rem;
}

.loan_schedule > div {
  margin-top: 1rem;
}

.loan_schedule > div:first-child {
  margin-top: .5rem;
}

.loan_schedule .clearfix > div {
  margin-right: .5rem;
}

.repaied {
  border: 1px solid #8e8e8e;
}

.loan_info1 {
  position: relative;
}

.loan_info1 img {
  position: absolute;
  height: 4rem;
  width: 4rem;
  right: .5rem;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  margin-right: 1rem;
}

.loan_scheduleimg {
  position: relative;
  width: 1rem;
  height: 1rem;
}

.loan_schedule img {
  vertical-align: top;
}

.loan_scheduleimg:after {
  content: "";
  display: block;
  width: 2px;
  height: 1rem;
  position: absolute;
  background-color: #e7555d;
  top: -1rem;
  left: .45rem;
}

.repay_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .9rem;
}

.loan_head {
  line-height: 2rem;
  position: fixed;
  top: 2rem;
  width: 100%;
  z-index: 10;
}

.loan_list_body {
  padding-top: 4rem;
  padding-bottom: 0;
}

.loan_head li {
  width: 50%;
  border-bottom: 2px solid #fff;
}

.loan_head li.active {
  border-bottom: 2px solid #4587e7;
}

/*始终至于底部有*/
/*@media screen and (min-height: 467px) {*/
/*.borrowContent{height: 450px;}*/
/*}*/

/*@media screen and (min-height: 567px) {*/
/*.h45 {height: 50%!important;}*/
/*.borrowContent{height: 500px}*/
/*}*/

/*@media screen and (min-height: 636px) {*/
/*.h45 {height: 53%!important;}*/
/*.borrowContent{height: 580px}*/
/*}*/
.dc_item {
  padding: .5rem;
  border-radius: 5px;
  margin-top: .5rem;
  margin-bottom: .25rem;
  display: block;
  position: relative;
}

.dc_progress {
  width: 11rem;
  margin: 0 auto .5rem;
  border-radius: .5rem;
  border: 1px solid #5994ff;
  padding: .1rem;
}

.dc_progress > div {
  height: .3rem;
  background: #5994ff;
  border-radius: .5rem;
}

.dc_repay {
  padding: .34rem .75rem;
  color: #5994ff;
  position: absolute;
  right: .75rem;
  bottom: 1.25rem;
  border: 1px solid #5994ff;
  border-radius: 5px;
}

.sh {
  color: #ff9b43;
}

.wtg {
  color: #e7555d;
}

.ck {
  color: #39c1b3;
}

.mb {
  color: #39c1b3;
}

.hk {
  color: #5994ff;
}

.yq {
  color: #e7555d;
}

.tr {
  text-align: right;
}

.hide {
  display: none;
}

.show {
  display: block;
}
